.forgetcode {
  background-color: #f9f9f9; }
  .forgetcode.col-xs-12 {
    padding: 0px; }
    .forgetcode.col-xs-12 .abtn {
      font-size: 14px !important; }
    .forgetcode.col-xs-12 .panel .panel-body {
      padding-right: 15px;
      padding-left: 15px; }
  .forgetcode .panel {
    margin-top: 70px;
    margin-bottom: 140px;
    border: 0; }
    .forgetcode .panel .panel-heading {
      padding-top: 20px;
      height: 70px;
      border: 0;
      background-color: #58c676;
      color: #fff; }
      .forgetcode .panel .panel-heading div,
      .forgetcode .panel .panel-heading button {
        font-size: 18px;
        color: #fff; }
      .forgetcode .panel .panel-heading button {
        background-color: #58c676;
        color: #eef0f1; }
      .forgetcode .panel .panel-heading button.active {
        color: #fff; }
      .forgetcode .panel .panel-heading .dividing-line {
        height: 70px;
        border: 1px solid #fff;
        margin-left: 5px;
        margin-right: 5px; }
    .forgetcode .panel .panel-body {
      height: 300px;
      padding-left: 50px;
      padding-right: 50px; }
      .forgetcode .panel .panel-body .form-group-email,
      .forgetcode .panel .panel-body .form-group-phone {
        margin: 0;
        margin-top: 40px;
        border-bottom: 1px solid #eef0f1;
        padding-bottom: 20px;
        display: flex;
        flex-flow: row nowrap;
        align-items: center; }
        .forgetcode .panel .panel-body .form-group-email label.col,
        .forgetcode .panel .panel-body .form-group-phone label.col {
          padding: 0; }
        .forgetcode .panel .panel-body .form-group-email input,
        .forgetcode .panel .panel-body .form-group-phone input {
          border: 0;
          box-shadow: none; }
      .forgetcode .panel .panel-body .button-form-group,
      .forgetcode .panel .panel-body .button-form-group-phone {
        margin-top: 80px;
        text-align: center; }
        .forgetcode .panel .panel-body .button-form-group button,
        .forgetcode .panel .panel-body .button-form-group button:hover,
        .forgetcode .panel .panel-body .button-form-group-phone button,
        .forgetcode .panel .panel-body .button-form-group-phone button:hover {
          border-radius: 20px;
          border: 1px solid #58c676;
          background-color: #58c676;
          color: #fff;
          font-size: 18px;
          padding: 5px 20px; }
      .forgetcode .panel .panel-body .btn-get-code,
      .forgetcode .panel .panel-body .btn-get-code:hover {
        border-radius: 20px;
        min-width: 100px;
        border: 1px solid #58c676;
        text-decoration: none;
        background-color: #58c676;
        color: #fff; }
      .forgetcode .panel .panel-body .button-form-group-phone {
        margin-top: 20px; }
      .forgetcode .panel .panel-body .tip-info {
        padding-top: 60px;
        padding-left: 40px; }
        .forgetcode .panel .panel-body .tip-info .email {
          color: #58c676; }
        .forgetcode .panel .panel-body .tip-info p {
          color: #acb0ab; }

@media screen and (max-width: 768px) {
  .forgetcode {
    background-color: #fff; }
    .forgetcode .panel {
      box-shadow: none; }
      .forgetcode .panel .panel-heading {
        background-color: #fff; }
        .forgetcode .panel .panel-heading div,
        .forgetcode .panel .panel-heading button {
          color: #3c4040; }
        .forgetcode .panel .panel-heading button {
          background-color: #fff;
          color: #acb0ab; }
        .forgetcode .panel .panel-heading button.active {
          color: #3c4040; }
        .forgetcode .panel .panel-heading .dividing-line {
          display: none; } }
